<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #out {
            width: 300px;
            height: 300px;
            background-color: black;
        }

        #middle {
            width: 200px;
            height: 200px;
            background-color: yellow;
        }

        #inner {
            width: 100px;
            height: 100px;
            background-color: blue;
        }
    </style>
    <script src="./msgQuene.js"></script>
    <script>
        // function log(text) {
        //     for (let i = 0; i < 500000; i++) {
        //         console.log(text)
        //     }
        //     return new Promise((resolve) => {
        //         resolve("end")
        //     })
        // }
        // // JavaScript阻塞
        // log('a').then(res => { console.log(res); log('b') });
        // log('c');
    </script>
</head>

<body>

    <!-- 事件 -->
    <section>
        <div id="out">
            <div id="middle">
                <div id="inner"></div>
            </div>
        </div>
    </section>

    <!-- 网络编程 -->
    <form>
        <label for="username">用户名：<input type="text" name="username" id="username"></label>
        <label for="password">密码：<input type="text" name="password" id="password"></label>
        <button type="button" id="submit">提交</button>
    </form>

    <script src="./event.js"></script>
    <script src="./net.js"></script>
</body>


</html>